// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/stylesheets/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";

@dev-mode-icon: "\f065";

// Edit View
.project-manager-edit {
  display: flex;
  align-items: center;
  justify-content: center;
  background: @base-background-color;

  h1 {
    color: #d7dae0;
  }

  .input-label {
    font-size: 1.2em;
    display: inline-block;
    width: 35%;
  }

  .input-text {
    display: inline-block;
    width: 65%;
  }
}

.project-manager {}

.project-manager input { width: 100%; }

.project-manager [data-path-missing="true"] {
  .primary-line,
  .secondary-line {
    opacity: 0.4;
  }

  .secondary-line .icon:before {
    color: @text-color-warning;
  }
}

.project-manager-list-group {
  color: @text-color-subtle;
  text-shadow: none;
  padding: 1px 2px;
  margin-left: 10px;
  background: @background-color-highlight;
  border-radius: 1px;

  .selected & {
    color: @text-color;
  }
}

.project-manager-devmode {
  float: right;

  &:before {
    content: @dev-mode-icon;
    color: @text-color-error;
    font-family: 'Octicons Regular';
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
  }
}
